<template>
  <div @click="$emit('click')" class="form-relation-render-custom-line-icon">
    {{ content }}
  </div>
</template>
<script>
import {createProps} from '@/utils';

export default {
  name: 'LineIcon',
  props: {
    content: createProps(String),
  }
};
</script>
<style>
.form-relation-render-custom-line-icon {
  z-index: 10;
  border: 1px solid #cccccc;
  margin-left: -15px;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -15px;
  background: white;
  user-select: none;
  cursor: pointer;
}
</style>